<div class="field-wrapper">
    <label class="label" nz-tooltip *ngIf="!componentData.extends?.noLabelTxt"
        [nzTooltipTitle]="(componentData && componentData.labelText) ? componentData.labelText : '日期选择'">
        {{(componentData && componentData.labelText) ? componentData.labelText : '日期选择'}}
    </label>
    <ng-container *ngIf="!componentData.disabled;else disabledTpl">
        <div class="field-control" [zeprideAuthority]="zeprideAuthorityData"
            [ngClass]="{'has-form-error': getComponentError(componentData.identifyId)}">
            <nz-range-picker [nzDisabled]="!isAuthprized" class="border-form-item full-width" [ngModel]="data"
                (ngModelChange)="setBindData($event)">
            </nz-range-picker>
        </div>
        <span class="error-tip" *ngIf="getComponentError(componentData.identifyId)">
            <ng-container *ngTemplateOutlet="errorTpl"></ng-container>
        </span>
    </ng-container>
</div>

<ng-template #errorTpl>{{getErrorMsg(componentData.identifyId)}}</ng-template>

<ng-template #disabledTpl>
    <ng-container *ngIf="bindData">
        <span>{{bindData}}</span>
    </ng-container>
</ng-template>